<template>
  <el-menu
    :default-active="$route.path"
    router
    class="aside"
    background-color="#545c64"
    text-color="#fff"
    active-text-color="#ffd04b"
  >
    <el-menu-item index="/">
      <svg-icon icon-class='404' />
      <!-- <i class="el-icon-menu"></i> -->
      <span slot="title">首页</span>
    </el-menu-item>

    <el-submenu index="/order">
      <template slot="title">
      <svg-icon icon-class='eye' />
        <!-- <i class="el-icon-location"></i> -->
        <span>订单</span>
      </template>

      <el-menu-item index="/order/warning">订单预警</el-menu-item>
      <el-menu-item index="/order/activist">退款维权</el-menu-item>
    </el-submenu>

    <el-submenu index="/client">
      <template slot="title">
        <!-- <i class="el-icon-location"></i> -->
      <svg-icon icon-class='password' />
        <span>客服分析</span>
      </template>

      <el-menu-item index="/client/panoramica">客服概览</el-menu-item>
    </el-submenu>

    <el-submenu index="/data">
      <template slot="title">
        <i class="iconfont icon-lajixiang"></i>
        <!-- <i class="el-icon-location"></i> -->
        <span>数据分析</span>
      </template>

      <el-menu-item index="/data/overview">实时概览</el-menu-item>
    </el-submenu>

    <el-submenu index="/shopping">
      <template slot="title">
        <span class="iconfont icon-lianjie"></span>
        <!-- <i class="el-icon-location"></i> -->
        <span>商圈</span>
      </template>
      <el-menu-item index="/shopping/district">商圈管理</el-menu-item>
    </el-submenu>

  </el-menu>
</template>

<script>
export default {
  name: 'Aside'
}
</script>

<style>
.svg-icon{
      vertical-align: middle;
    margin-right: 15px;
    width: 24px;
    text-align: center;
    font-size: 18px;
}

</style>
